<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /* 选中div后紧紧相邻的兄弟p元素，只选中一个 */
        div+p {
            color: red;
        }

        /* 选中div后的所有兄弟p元素，选中后面的所有 */
        div~p {
            color: red;
        }

        li+li {
            color: green;
        }
    </style>
</head>
<body>

    <div>尚硅谷</div>
    <p>前端</p>
    <p>后端</p>
    <p>大数据</p>
    <ul>
        <li>主页</li>
        <li>秒杀</li>
        <li>订单</li>
        <li>我的</li>
    </ul>
    
</body>
</html>